﻿@charset "utf-8";

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-repeat:  repeat;
	width: 100%;
	text-align: center;
	left: 0px;
	right: 0px;
}
.body_opcional{
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-image: url(../imagenes/bg_body_lineas.jpg);
}
#contenerdor_general {
	width: 929px;
	height: auto;
}

#contenedor_general #login #usuario_contraseña {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: right;
	position: relative;
	right: 150px;
	text-align: right;
    top: 77px;
}
#header {
	width: 929px;
	color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../imagenes/banner_header.jpg);
	background-repeat: no-repeat;
}
#header #logo_cge {
	float: right;
	position: relative;
}
#contenedor_general #contenidos {
	width: 929px;
	height: auto;
	text-align: left;
	font-size: 0.7em;
	background-repeat:  repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #D6E3F7;
}
#contenedor_general #contenidos #usuario {
	background-image: url(../imagenes/bg_barra_usuario.jpg);
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	height: 20px;
	width: 309px;
	float: left;
}
#contenedor_general #contenidos #SiteNavigation {
	background-image: url(../imagenes/bg_barra_usuario.jpg);
	padding-top: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	height: 20px;
	width: 600px;
	float: right;
}
#contenedor_general #contenidos #formularios {
	width: 759px;
	padding: 10px;
	height: 100%;
	background-color: #FFFFFF;
	float: left;
}
#menu_vertical  {
	height: 100%;
	width: 150px;
	float: left;
}

#contenedor_general_#footer {
	width: auto;
	float: left;
	height: auto;
}
#footer #Copyright {
	font-size: 0.6em;
	color: #FFFFFF;
	text-align: right;
	background-image: url(../imagenes/bg_logo_footer.jpg);
	width: 919px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	height: 21px;
}
.borde_tabla {
	border: 1px solid #a8b8d9;
}
/* */
.bg_titular_tabla
{
    background-image: url(../imagenes/bg_titular_tabla.jpg);
    font-weight: bold;
    color: #000000;
}
.ancho_campo {
	width: 140px;
}
.titular_td {
	font-size: x-small;
}
.linea_horizontal {
	background-image: url(../imagenes/bg_linea_horizontal.jpg);
	background-repeat:   repeat;
}
.linea_vertical {
	background-image: url(../imagenes/bg_linea_vertical.jpg);
	background-repeat:  repeat-y;
}
.linea_borde {
	border: 1px solid #A6B8D0;
}
.Titular_fieldset {
	color: #316AC5;
	font-size: 1.1em;
	font-weight: bold;
}
.info_alerta {
	color: #FF0000;
}
.fieldset {
	border: 1px solid #a8b8d9;
	font-size: 0.9em;
}
.Texto_Simple
{
    font-size: 1em;
    color: #000000;
}
/**********************************/
/* Estilos para el accordion menu */
/**********************************/
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: white;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-weight: bold;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: white;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
/*************************************/
/* Estilos para el modulo procesando */
/*************************************/
.txtGeneral
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0E3256;
}
/***************************/
/* INICIO STYLE MODAL POPUP*/
/***************************/
.modalBackground
{
	background-color: #B6CBE4;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalPopup
{
	border: 2px solid Gray;
	background-color: #E8F3F9;
	padding: 10px;
}
/***************/
/* Tabla Vacia */
/***************/
.emptyTable 
{ 
    background-color:#E8F3F9; 
}
/************************/
/* Colores Filas grilla */
/************************/
.fila_grilla_a
{
    background-color: #FFFFFF;
    height: 25px;
    color:Black;
}
.fila_grilla_b
{
    color: #000000;
    height: 25px;
    background-color: #95CAFF;
    color:Black;    
}
/***********************************/
/* PasswordStrength Related Styles */
/***********************************/
.BarIndicator_weak
{
    color:Red;
    background-color:Red;
}
.BarIndicator_average
{
    color:Blue;
    background-color:Blue;
}
.BarIndicator_good
{
    color:Green;
    background-color:Green;
}
.BarBorder
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    vertical-align: middle;
}
/*********************/
/* Validator callout */
/*********************/
.validatorCalloutHighlight
{
    background-color: #FFBAB7;    
    color:Black ;
}
.CustomValidatorCalloutStyle div, 
.CustomValidatorCalloutStyle td { 
    border:solid 1px blue; background-color: #ADD8E6; 
}








/* CSS TVSAT MANEJO VERSION


/*  -----------------------------------------------------
CONTROL A APLICAR: asp:Label
DESCRIPCIN: Se utiliza en el Label que 
			muestra el Subttulo de la pgina
*/
.cssFwkLabelSubTitle
{
	font-size: 14px;
	font-weight: normal;
	color: #0E3256;
	margin: 5px 0 0 0;
	font-family: Verdana, Tunga, Arial;
}

/* -----------------------------------------------------
CONTROL A APLICAR: Table
DESCRIPCIN: Se utiliza en las Tablas que 
			contienen los campos de edicion
			en un formulario. 
*/
.cssEditTable
{
	background-color: #D6E3F7;
	width: 100%;
	margin: 0px;
}

/* -----------------------------------------------------
CONTROL A APLICAR: asp:Label
DESCRIPCIN: Se utiliza en los Labels que muestra el nombre 
			del campo a editar en un formulario
*/
.cssLabelsData
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0E3256;
	text-align: left;
}

/*-----------------------------------------------------
CONTROL A APLICAR: TD
DESCRIPCIN: Se utiliza en la celda que	muestra el nombre 
			del campo a editar en un formulario
*/
.cssDataTitle
{
	background-color: Transparent;
	vertical-align: top;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	white-space: nowrap;
}

/* -----------------------------------------------------
CONTROL A APLICAR: TD
DESCRIPCIN: Se utiliza en la celda que muestra el campo
			a editar en un formulario
*/
.cssDataItem
{
	text-align: left;
	vertical-align: top;
	padding-right: 5px;
}

.HeaderTable
{
	background-color: #D6E3F7;
	color:Black ;
	width: 100%;
	margin: 0px;
}

.HeaderEsqSupIzq
{
	background-color: #D6E3F7;	
}

.HeaderEsqSupDer
{
	background-color: #D6E3F7;	
}
/* -----------------------------------------------------
CONTROL A APLICAR: AjaxToolkit CalendarExtender
DESCRIPCIN: Configura los colores de las letras
*/
.MyCalendar .ajax__calendar_container {
    border:solid 1px #cccccc;
    background-color: #D6E3F7;
    color: black;
	font-weight:bold;
}

.MyCalendar .ajax__calendar_header
{
	margin-bottom:4px;
    border:1px solid #cccccc;
    background-color: #E8F3F9;
}

.MyCalendar .ajax__calendar_title, .MyCalendar .ajax__calendar_next, .MyCalendar .ajax__calendar_prev
{
	text-transform:capitalize;
	padding-top:3px;
}
.MyCalendar .ajax__calendar_body    {
    border:1px solid #cccccc;
    background-color: #E8F3F9;
}

.MyCalendar .ajax__calendar_days
{
    font-weight:normal;
}

.MyCalendar .ajax__calendar_dayname
{
	text-transform:capitalize;
    font-weight:bold;	
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: gray;
	font-weight:normal;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {

	color: #004080; 
    font-weight: normal; 
    background-color: #ffffff;    
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
	color: #004080; 
    font-weight: normal; 
    background-color: #ffffff;    
}

.MyCalendar .ajax__calendar_day, .MyCalendar .ajax__calendar_dayname
{
	text-align:center;
}

.MyCalendar .ajax__calendar_today
{	
    color: black;
    font-weight:bold;
	text-transform:capitalize;
}

